<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="/favicon.ico"/>
    <title>木石年华</title>
    <meta name="keywords"
          content="木石年华。个人博客,java后端博客,java后端笔记,情感日记,Spring Boot,Spring Cloud,MySQL,Nutz,Hibernate,Shiro,Spring Security,">
    <meta name="description" content="个人博客,个人网站">
    <%
    include("/common/static.html"){}
    %>
    <script type="text/javascript" rel="stylesheet" src="/js/article.js"></script>
    <link type="text/css" rel="stylesheet" href="/css/article.css">
    <link type="text/css" rel="stylesheet" href="/css/special.css">
    <style>
        .so{
            line-height: 24px;
            padding: 12px 18px;
            cursor: pointer;
        }

    </style>
</head>
<body>
<%
include("/common/menu.html"){}
%>
<input type="text" value="2" hidden="hidden" id="page_num">
<div class="con">
    <div class="container">
        <div class="article_img">
            <img src="/img/banner_liuyan.png">
        </div>
        <div class="article_screen clear">
            <ul class="screen_ul">
                <li class="selected" id="0">
                    <a role="button" class="btn_a">
                        <img src="/img/wenzhang_riji.png">
                        全部日记
                    </a>
                </li>
                <li id="1" class="">
                    <a role="button" class="btn_a">
                        <img src="/img/jishu_riji.png">
                        技术分享
                    </a>
                </li>
                <li id="2" class="">
                    <a role="button" class="btn_a">
                        <img src="/img/shenghuo_riji.png">
                        生活点滴
                    </a>
                </li>
                <li id="3" class="">
                    <a role="button" class="btn_a">
                        <img src="/img/gengxin_riji.png">
                        更新公告
                    </a>
                </li>
                <li style="width: 60px"></li>
            </ul>

            <div class="input-group so col-xs-8 col-sm-4 col-md-3" style="left: 15px" >
                <input type="text" class="form-control input_title">
                <span class="input-group-addon input_search" >搜索</span>
            </div>

            </div>
            <div class="article_list">
                <div class="row row_list">
                    <div class="col-xs-12 col-sm-12 col-md-9 muen">
                        <div class="muen_list">


                        </div>

                        <div class="muen_btn">
                            <span class="record" style="display: none;">1</span>
                            <a role="button" class="btn_loading">加载更多</a>
                        </div>
                    </div>
                    <div class="col-md-3 link_md">
                        <div class="article_relevant">
                            <p class="relevant_top">——文章统计——</p>
                            <p class="relevant_details">文章总数：<span class="relevant_number wenzhang">25</span></p>
                            <p class="relevant_details">文章分类：<span class="relevant_number">3</span></p>
                            <p class="relevant_details">总评论量：<span class="relevant_number commentTotal">0</span></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="part_5">
        <div class="container">
            <div class="top_label">
                <img src="/img/shengming.png"/>
            </div>
            <%
            include("/common/bottom.html"){}
            %>
        </div>
    </div>
    <!--返回指定-->
    <div class="load">
        <div class="container">
            <div class="container_right clear">
                <a class="fh">
                    <img src="/img/common/top.png"/>
                </a>
            </div>
        </div>
    </div>
</div>
</body>
</html>
